﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.2.0/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
<style type="text/css">
	@import "http://o.aolcdn.com/dojo/1.2.0/dojo/resources/dojo.css";
	@import "http://o.aolcdn.com/dojo/1.2.0/dojox/grid/_grid/Grid.css";
	@import "http://o.aolcdn.com/dojo/1.2.0/dijit/themes/tundra/tundra.css";
	@import "http://o.aolcdn.com/dojo/1.2.0/dijit/themes/dijit.css";
</style>   
<style type="text/css">
  #fishEyeList {
    cursor:pointer;
  }
  #fishEyeList ul {
    width:400px;
    list-style-type:none;
  }
  .fisheyeTarget {
    font-weight:bold;
    font-size:13px;
  }
  #fishEyeList li {
    text-align:right;
    padding-bottom:12px;
  }
  .ilk {
    border-bottom:1px solid #999;
    color:#666;
    font:14px Arial,sans-serif;
  }  
</style> 
<script type="text/javascript">	
{% block require%}
dojo.require("dojo.parser");
dojo.require("dojox.widget.FisheyeLite");

{% endblock require%}
  dojo.addOnLoad(function() {
    dojo.query("li.bounce", dojo.byId("fishEyeList")).forEach(function(n){
      new dojox.widget.FisheyeLite({ },n);
    });
  });	
</script>
</head>
<body class="tundra">
<div style="padding:100px">
<div id="fishEyeList">
  <ul>
    <li class="bounce"><span class="fisheyeTarget"><a href="/annotation/main">My Instant Yellow Tag我的即时贴</a></span><br><div class="ilk">A tool to post comments on any web page</div></li>
    <li class="bounce"><span class="fisheyeTarget"><a href="http://ordermeal.appspot.com/">One Shop</a></span><br><div class="ilk">A on-line shop template that can be customized</div></li>
    <li class="bounce"><span class="fisheyeTarget"><a href="http://home.myspace.cn/Modules/Apps/Pages/Canvas.aspx?appId=101920">My 99 Stuff</a></span><br><div class="ilk">Share what you bought on MySpace</div></li>
    <li class="bounce"><span class="fisheyeTarget"><a href="#">RainbowOne</a></span><br><div class="ilk">A secure distributed storage solution</div></li>
    <li class="bounce"><span class="fisheyeTarget"><a href="mailto:reachlin@gmail.com">About Me</a></span><br><div class="ilk"></div></li>
  </ul>
</div>
</div>
<script type="text/javascript">
digg_id = 'digg-widget-container'; //make this id unique for each widget you put on a single page.
digg_height = '100px';
digg_theme = 'digg-widget-theme3';
digg_title = 'Top 10 list from All Topics';
</script>
<!-- 
<script type="text/javascript" src="http://digg.com/tools/widgetjs"></script>
<script type="text/javascript" src="http://digg.com/tools/services?type=javascript&callback=diggwb&endPoint=//stories/top&count=10"></script>
 -->
<hr>
<div style="text-align:center">All rights reserved by <a href="mailto:reachlin@gmail.com">REACHLIN</a> <br>Copyright© 2009</div>
</body>
</html>